<template>
  <title>家居商城</title>
  <link type="text/css" rel="stylesheet" href="./assets/css/style.css" />
  

  <div class="mainWarp">
    <van-tree-select
  v-model:main-active-index="activeIndex"
  height="255vw"
  :items="items"
>
  <template #content>
    <van-image
      v-if="activeIndex === 0"
      src="https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg"
    />
    <van-image
      v-if="activeIndex === 1"
      src="https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg"
    />
  </template>
</van-tree-select>
    <!-- <ul class="proul">
      <li>
        <a href="detail.html"><img src="/assets/images/7.jpg" /></a>
        <a href="detail.html">
          <p class="tit">北欧轻奢餐椅家用现代简约新中式洽谈酒店皮革软包餐厅椅子靠背椅</p>
        </a>
        <div class="price">
          <p>￥2998<span>￥8999</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="/assets/images/4.jpg" /></a>
        <a href="detail.html">
          <p class="tit">松兰宾利实木餐桌椅组合后现代轻奢长方形大户型不锈钢8人饭桌</p>
        </a>
        <div class="price">
          <p>￥998<span>￥1299</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="/assets/images/5.jpg" /></a>
        <a href="detail.html">
          <p class="tit">卫生间洗手台柜面池洗睑台式壁挂台盆架瓷盥洗池饭店小号挂盆经济</p>
        </a>
        <div class="price">
          <p>￥368<span>￥659</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="/assets/images/6.jpg" /></a>
        <a href="detail.html">
          <p class="tit">布艺床主卧大床双人床港式轻奢ins网红床卧室北欧家具床现代简约</p>
        </a>
        <div class="price">
          <p>￥3998<span>￥5999</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="/assets/images/7.jpg" /></a>
        <a href="detail.html">
          <p class="tit">北欧轻奢餐椅家用现代简约新中式洽谈酒店皮革软包餐厅椅子靠背椅</p>
        </a>
        <div class="price">
          <p>￥398<span>￥898</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="/assets/images/4.jpg" /></a>
        <a href="detail.html">
          <p class="tit">松兰宾利实木餐桌椅组合后现代轻奢长方形大户型不锈钢8人饭桌</p>
        </a>
        <div class="price">
          <p>￥898<span>￥1899</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="/assets/images/5.jpg" /></a>
        <a href="detail.html">
          <p class="tit">卫生间洗手台柜面池洗睑台式壁挂台盆架瓷盥洗池饭店小号挂盆经济</p>
        </a>
        <div class="price">
          <p>￥998<span>￥1999</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="./assets/images/6.jpg" /></a>
        <a href="detail.html">
          <p class="tit">布艺床主卧大床双人床港式轻奢ins网红床卧室北欧家具床现代简约</p>
        </a>
        <div class="price">
          <p>￥8998<span>￥18999</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="/assets/images/7.jpg" /></a>
        <a href="detail.html">
          <p class="tit">北欧轻奢餐椅家用现代简约新中式洽谈酒店皮革软包餐厅椅子靠背椅</p>
        </a>
        <div class="price">
          <p>￥2998<span>￥8999</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="/assets/images/4.jpg" /></a>
        <a href="detail.html">
          <p class="tit">松兰宾利实木餐桌椅组合后现代轻奢长方形大户型不锈钢8人饭桌</p>
        </a>
        <div class="price">
          <p>￥998<span>￥1299</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="/assets/images/5.jpg" /></a>
        <a href="detail.html">
          <p class="tit">卫生间洗手台柜面池洗睑台式壁挂台盆架瓷盥洗池饭店小号挂盆经济</p>
        </a>
        <div class="price">
          <p>￥368<span>￥659</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="/assets/images/6.jpg" /></a>
        <a href="detail.html">
          <p class="tit">布艺床主卧大床双人床港式轻奢ins网红床卧室北欧家具床现代简约</p>
        </a>
        <div class="price">
          <p>￥3998<span>￥5999</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="/assets/images/7.jpg" /></a>
        <a href="detail.html">
          <p class="tit">北欧轻奢餐椅家用现代简约新中式洽谈酒店皮革软包餐厅椅子靠背椅</p>
        </a>
        <div class="price">
          <p>￥398<span>￥898</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="/assets/images/4.jpg" /></a>
        <a href="detail.html">
          <p class="tit">松兰宾利实木餐桌椅组合后现代轻奢长方形大户型不锈钢8人饭桌</p>
        </a>
        <div class="price">
          <p>￥898<span>￥1899</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="/assets/images/5.jpg" /></a>
        <a href="detail.html">
          <p class="tit">卫生间洗手台柜面池洗睑台式壁挂台盆架瓷盥洗池饭店小号挂盆经济</p>
        </a>
        <div class="price">
          <p>￥998<span>￥1999</span></p>
        </div>
      </li>
      <li>
        <a href="detail.html"><img src="/assets/images/6.jpg" /></a>
        <a href="detail.html">
          <p class="tit">布艺床主卧大床双人床港式轻奢ins网红床卧室北欧家具床现代简约</p>
        </a>
        <div class="price">
          <p>￥8998<span>￥18999</span></p>
        </div>
      </li>
    </ul> -->
  </div>

  <tabbar />
</template>


<script setup>
import tabbar from '@/components/tabbar.vue'

const activeIndex = ref(0);


</script>